<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <h:head>
        <title>Yardım</title>
        <link href="style.css" rel="stylesheet" type="text/css"></link>
        <div style="text-align: center;"><h:graphicImage url="/resimler/itu_Logo.png"></h:graphicImage></div>

    </h:head>
    <h:body>
        <h:form prependId="false">
            <div id="wrapper">
                <div id="logo">

                </div>
                <div id="header">
                    <!-- 		<div id="menu">
                    
                            </div>    -->
                </div>
                <div class="page">
                    <div id="page-bgtop">

<div id="dummy"></div>
                        <p:panel id="panelsidebar" header="Erişim Noktaları">
                            <ui:include src="Menu.xhtml"/>
                        </p:panel>

                        <!-- end #sidebar -->
                        
                        <div id="content">
                            <p:panel header="İTÜ MEKİK TAKİP SİSTEMİ YARDIM SAYFASI">

                                <ol>
                                    <li><a href="#h.1" style="color:#0000FF" >Harita Üzerinde Konumumu Nasıl Görürüm ? </a></li>
                                    <li><a href="#h.2" style="color:#0000FF" >Çalışan Mekikleri Nasıl Görürüm ? </a></li>
                                    <li><a href="#h.3" style="color:#0000FF" >Bana En Yakın Durağı Nasıl Görürüm ? </a></li>
                                    <li><a href="#h.4" style="color:#0000FF" >Mekiklerin Rotasını ve Durakları Nasıl Görürüm </a></li>
                                    <li><a href="#h.5" style="color:#0000FF" >Haritadaki Bir Mekik Hakkındaki Bilgileri Nasıl Görürüm ?</a></li>
                                    <li><a href="#h.6" style="color:#0000FF" >Yönetici Nasıl Login OLabilir ?</a></li>
                                        <ol>
                                            <li><a href="#h.6.1" style="color:#0000FF" >Sisteme Mekik Nasıl Eklenir ?</a></li>
                                            <li><a href="#h.6.2" style="color:#0000FF" >Sisteme Mekik Nasıl Silinir ?</a></li>
                                            <li><a href="#h.6.3" style="color:#0000FF" >Sistemdeki Mekik Bilgileri Nasıl Güncellenir ?</a></li>
                                        </ol> 
                                </ol>
                               
                                <p> <BR> <a name="h.1"><b>Harita Üzerinde Konumumu Nasıl Görürüm ?</b></a> </BR>
                                    
                                    Harita üzerinde kendi konumunuz anasayfaya giriş yaptıktan sonra otomatik olarak
                                    görüntülencektir. Konumunuz <img src="http://maps.google.com/mapfiles/ms/micons/blue-dot.png" alt="Mavi İmge" />
                                    simgesi ile gösterilmektedir. Eğer Anasayfada kendi konumunuzu görememekte iseniz internet bağlantınızı kontrol
                                    ediniz veya yavaş bağlantılar için bir süre bekleyiniz.
                                </p>
                                
                                <p> <BR> <a name="h.2"><b>Çalışan Mekikleri Nasıl Görürüm ? </b></a> </BR>
                                    <BR> </BR>
                                    İTÜ Mekik Takip Sisteminde Çalışan mekikler anasayda otomatik olarak görüntülenmektedir.
                                    Bu çalışan mekiklerin konumu sürekli değişmekte olduğundan. Sistem her 2 saniyede bir 
                                    mekiklerin konumlarını otomatik olarak güncellemektedir. Harita üzerinde mekikler çeşitli simgeler ile
                                    gösterilmektedirler. Her mekik için kendine özel bir simge bulunmaktadır. Örnek simgeler aşağıdadır.
                                    <BR> </BR> 
                                    <img src="http://maps.google.com/mapfiles/kml/pal2/icon39.png" alt="" />
                                    <img src="http://maps.google.com/mapfiles/kml/pal2/icon47.png" alt="" />
                                    <img src="http://maps.google.com/mapfiles/kml/pal4/icon7.png" alt="" />
                                    <img src="http://maps.google.com/mapfiles/kml/pal4/icon54.png" alt="" />
                                </p>
                                
                                <p> <BR> <a name="h.3"><b>Bana En Yakın Durağı Nasıl Görürüm ?</b></a> </BR>
                                    Harita üzerinde size en yakın durağı görmeniz için konumunuzu gösteren simgeye 
                                    <img src="http://maps.google.com/mapfiles/ms/micons/blue-dot.png" alt="Mavi İmge" />
                                    tıklayabilirsiniz veya anasayfada haritanın alt kısmında bu bilgiye ulaşabilirsiniz.
                                    <BR> </BR>
                                    <h:graphicImage url="/resimler/durakinfo.png" style="border: thin solid black"></h:graphicImage>
                                </p>
                                
                                <p> <BR> <a name="h.4"><b>Mekiklerin Rotasını ve Durakları Nasıl Görürüm </b></a> </BR>
                                   <BR></BR>
                                    Mekiklerin rotasını ve durakları görmek için navigasyon panelindeki rota 
                                    butonuna tıklamak yeterlidir.
                                    <BR> </BR>
                                    <h:graphicImage url="/resimler/rotainf.PNG" style="border: thin solid black"></h:graphicImage>
                                </p>
                                
                                <p> <BR> <a name="h.5"><b>Haritadaki Bir Mekik Hakkındaki Bilgileri Nasıl Görürüm ?</b></a> </BR>
                                    
                                    Harita üzerindeki bir mekik hakında bilgi(plaka, numara) almak icin üzerine 
                                    tıklamak yeterlidir.
                                    <BR> </BR>
                                    <h:graphicImage url="/resimler/mekikinf.PNG" style="border: thin solid black"></h:graphicImage>
                                </p>
                                
                                <p> <BR> <a name="h.6"><b>Yönetici Nasıl Login Olabilir ?</b></a> </BR>
                                    <BR> </BR>
                                    Mekiklerin rotasını ve durakları görmek için navigasyon panelindeki yönetici 
                                    butonuna tıklamak  daha sonra kullanıcı adını ve şifreyi girmek yeterlidir.
                                    <BR> </BR>
                                    <h:graphicImage url="/resimler/yoneticiinfo1.PNG" style="border: thin solid black"></h:graphicImage>
                                    <h:graphicImage url="/resimler/yoneticiinfo2.PNG" style="border: thin solid black"></h:graphicImage>
                                </p>
                                
                                <p> <BR> <a name="h.6.1"><b>Sisteme Mekik Nasıl Eklenir ?</b></a> </BR>
                                    Coming Soon
                                </p>
                                <p> <BR> <a name="h.6.2"><b>Sisteme Mekik Nasıl Silinir ?</b></a> </BR>
                                    Coming Soon too
                                </p>
                                <p> <BR> <a name="h.6.3"><b>Sistemdeki Mekik Bilgileri Nasıl Güncellenir ?</b></a> </BR>
                                    <BR> </BR>
                                    İTÜ mekik takip sisteminde var olan mekik ile ilgili bilgileri güncellmek için ilk önce yönetici 
                                   girişi yapılmalıdır bu işlem <a href="#h.6" style="color:#0000FF" >6. adımda</a> gösterilmiştir. 
                                   Yönetici girişi yapıldıktan sonra gelen ekranda var olan mekiklerin listesi görünecektir. 
                                   <BR> </BR>
                                   <h:graphicImage url="/resimler/yoneticiinfo3.PNG" style="border: thin solid black"></h:graphicImage>
                                   <BR> </BR>
                                   Daha sonra bilgisi güncellenmek istenen mekik için en sağdaki güncelle butonuna
                                   <h:graphicImage url="/resimler/yoneticiinfo4.PNG" style="border: thin solid black"></h:graphicImage>
                                   basılır. Gelen ekranda yeni bilgiler girilir.
                                   <BR> </BR>
                                   <h:graphicImage url="/resimler/yoneticiinfo5.PNG" style="border: thin solid black"></h:graphicImage>
                                   <BR> </BR>
                                   ve kaydet butonuna 
                                   <h:graphicImage url="/resimler/yoneticiinfo6.PNG" style="border: thin solid black"></h:graphicImage>
                                   basılır.
                                   
                                </p>


                            </p:panel> 

                        </div>
                        <!-- end #content -->

                        <div style="clear: both;">&nbsp;</div>
                    </div>

                    <!-- end #page -->

                </div>
                <div id="footer-bgcontent">
                    <div id="footer" align="center">
                        <p>İTÜ Mekik Takip Sistemi - 2011</p>
                    </div>
                </div>
                <!-- end #footer -->
            </div>

        </h:form>
    </h:body>
</html>